@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  
fieldset,img {border:0 none}  
dl,ul,ol,menu,li {list-style:none}  
blockquote, q {quotes: none}   
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} 
input,select,textarea,button {vertical-align:middle} 
button {border:0 none; cursor:pointer}  
body, h1, h2, h3, h4, h5, h6, div, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;font-family: "微软雅黑";}
a {color:#FFFFFF;text-decoration:none} 
a:active, a:hover {text-decoration:none; color:#FFFFFF;}  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} 
caption {display:none;}   
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}  
img{vertical-align:top}  
a {outline: none;}
input:focus{outline: : none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: inherit!important;
    background-image: none;
    color: inherit!important;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    line-height: 21px;
    height: 40px;
    padding: 10px 15px;
    -webkit-user-select: text;
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
}
input:focus, select:focus, textarea:focus {
	background: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-modify: read-write-plaintext-only;
}
.mui-content{background-color: inherit;}
.registerBg{
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	background:url(../images/mobileBg1.png) no-repeat center center fixed;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
}
	
/*登录界面*/
.photograph{margin-top: 7vh;text-align:center;overflow:hidden;}
.photographImg{ }
.xGroup{border: 1px solid #F4F1F1;border-radius: 20px;width: 70%;margin: 0 auto;margin:6vh auto 2vh;}
.xinput-group{height: 40px;font-size: 14px;color: #000;}
/*.input-group-addon,.form-control{ background-color:#9e2929;}*/
.xform-control{width: 70%;border: none;background: inherit;padding: 10px 15px;line-height: 21px;}
.xUserName{border-bottom:1px solid #c8c7cc}
.xinput-group-addon{margin-left: 10px;}
.xinput-group-addon img{width: 20px;height: 20px;display: inline-block;vertical-align: middle;}
.xlogin{width: 70%;margin: 0 auto;font-size: 16px;border: 1px solid #EDEDED;border-radius: 20px;padding: 8px 0;overflow: hidden;margin-top: 15px;background: #1D83D3;color: #fff;text-align: center;display: block;}
.btn-default{ background-color:#ffffff;}
.form-control::-webkit-input-placeholder{ color:#ffffff;}
.form-control::-moz-placeholder{ color:#ffffff;}
.form-control::-ms-input-placeholder{ color:#ffffff;}
.onceWord{width:100%;}
.once{ display:inline-block; width:50%; float:left; font-size:14px; color:#FFFFFF;}
.forget{ display:inline-block; width:50%; float:right; text-align:right; font-size:14px; color:#FFFFFF;}
/*名称*/
.xTitle{text-align: center;text-shadow: 0 2px 2px #ccc;color: #fff;font-size: 22px;font-weight: 600;margin: 2vh 0;}
.register-a{ margin:7em auto 3em auto; width:100%; text-align:center;}
.register-aa{ display:inline-block; border-bottom:1px solid #FFFFFF; margin:4px 0px; width:25%;}
.register-ab{ display:inline-block; margin:0px auto; width:37%; text-align:center; font-size:13px; }
.register-ac{ display:inline-block; border-bottom:1px solid #FFFFFF; margin:4px 0px; width:25%;}
.register-ad{  margin-right:2em;}
/*提醒*/
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 990000;
}
.cd-popup-container {
    position: relative;
    width: 80%;
    max-width: 400px;
    background: #FFF;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    /* padding: 20px 0 0 0; */
	min-height: 52px;
	margin: 0 auto;
	top: 40%;
}
#popicon {
    width: 32px;
    height: 32px;
    float: left;
	margin: 0 0 0 8%;
	line-height: 52px;
}
#popicon span{
	color: red;
	font-size: 28px;
	line-height: 50px;
}
.cd-popup-container .popcont {
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: 70%;
    height: 32px;
    line-height: 52px;
    text-align: left;
    margin: 0 0 0 5%;
    color: #333333;
    text-shadow: none;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
/*设置账户*/
.xreaccForm{
	border-radius: 10px;
    width: 70%;
    margin: 10vh auto 0;
    background: inherit;
}
.xSetacc{line-height: 50px;margin-left: 5%;font-size: 20px;}
header, .mui-bar{
	background: -webkit-linear-gradient(left,#EB4B0D,#fd0926);
    background: -o-linear-gradient(right,#EB4B0D,#fd0926);
    background: -moz-linear-gradient(right,#EB4B0D,#fd0926);
    background: linear-gradient(to right,#EB4B0D,#fd0926);
}
.mui-title{color: #fff;}
.mui-input-group .mui-input-row:after,.mui-input-group:after,.mui-input-group:before{
	height: 0;
}
.mui-input-group .mui-input-row{background-color: #fff;border-radius: 6px;margin-bottom: 5vh;}
.mui-input-row label{width: 28%;}
.mui-input-row label~input{width: 70%;}
.mui-content{background-color: inherit;}
/*绩效考核概况*/
.xChoseTime{
    background-color: #fafafb;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}
.xChoseTime .xChoseYear{width: 70%;}
.xChoseTime select{
    background-color: inherit;
    border: 1px solid rgb(169,169,169)!important;
    height: 24px;
    padding: 0 1vh;
    margin: 1vh;
}
.xChoseTime .xSeleTime{width: 70%;}
.xChoseTime .xSelePeo{width: 27%;}
.xChoseTime .xSeleMon,.x-jidu,.x-month,.x-jidu1,.x-month1{width: 24%;}
/*回到顶部*/
#gotop{
    border-radius: 50%;
    position: fixed;
    right: 15px;
    bottom: 40px;
    z-index: 20;
    width: 37px;
    height: 37px;
    background-color: #ccc;
    text-align: center;
}
#gotop span{
    line-height: 35px;
    font-size: 26px;
}
/*表格*/
.card_div{width: 100%;box-sizing: border-box;padding: 3px 2%;border-bottom: 1px solid #e4e3e6;display: inline-block;}
.card_div span{display: inline-block;box-sizing: border-box;float: left;text-align: center;font-size: 12px;color: gray;}
.line{width: 100%;box-sizing: border-box;padding: 3px 2%;display: inline-block;height: 60px;}
.line:active{background-color: #e4e3e6}
.pic{width: 20%;display: inline-block;text-align: center;float: left;line-height: 50px;font-size: 14px;}
.nickname{width: 20%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;float: left;height: 50px;}
.p1{width: 100%;line-height: 50px;font-size: 14px;font-weight: bold;color: #000;}
.nub{width: 20%;display: inline-block;line-height: 50px;text-align: right;padding-right: 5%;box-sizing: border-box;font-size: 14px;float: left;}
.xtableList{font-size: 13px;display: none;}
.front{text-align: left;box-sizing: border-box;padding:0 2% 0 10%;color: #999}
.xtableList tr td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xIcon{line-height: 50px;float: left;}
.mui-icon-arrowright{font-size: 22px;color: gray;}
/*成绩查看*/
.xtableCon .line{height: 50px;}
.xperMess{border-bottom: 1px solid #e4e4e6;font-size: 16px;padding: 2vh 1vh;}
.xperMess .xmessFirst{color: red;font-weight: 600;}
.xperMess  .xmessLast{margin-right: 2vh;color: #000;}
.xtableCon span{display: inline-block;font-size: 15px;line-height: 40px;}
.xtableCon .xtableName{width: 50%;text-align: left;padding-left: 4%;}
.xtableCon .xtableScore{width: 20%;text-align: center;}
.xtableCon .mui-icon-arrowright{width: 20%;text-align: right;font-size: 22px}